<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>E总管-注册</title>
		<link rel="stylesheet" href="src/css/bootstrap.min.css" />
		<link rel="stylesheet" href="public/css/my_style.css" />
		<link rel="stylesheet" href="public/css/header.css" />
		<link rel="stylesheet" href="public/css/footer.css" />
		<link rel="stylesheet" href="css/register.css" />
	</head>

	<body>
		<div id="app" v-cloak>
			<m_header  :user_info="infos"></m_header>
			<div class="my_container">
				<div class="form">
					<form class="form-horizontal form register" id="register" role="form">
						<div class="form-group">
							<label for="inputEmail1" class="col-sm-2 control-label">手机号:</label>
							<div class="col-sm-9">
								<input type="number" v-model='info.Mobile' v-on:input="isPhoneE=false" name="Mobile" class="form-control" placeholder="Cell-phone number">
								<p class="help-block danger" style="margin-bottom: 0;" v-show='isPhoneE'>手机号已注册！</p>
							</div>
						</div>
						<div class="form-group">
							<div class="col-sm-offset-2 col-sm-9">
								<div class="col-sm-6" style="padding-left: 0;padding-right: 0;">
									<input type="text" name="ValidateCode"   onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" maxlength="4" required="required" v-on:input='err=false' v-on:focus='err=false' class="no_padding form-control" placeholder="请输入验证码" v-model='info.ValidateCode'>
								</div>
								<div class="col-sm-6" style="padding-left: 0;padding-right: 0;padding-right: 0;">
									<button @click.prevent="getCode" :class='[{"btn-base":isCode}]' class="btn no_padding btn-block" style="font-size: 10px;height:34px;">
										{{code_info.time}}{{code_info.code_tips}}
									</button>									
								</div>
							</div>
						</div>
						<div class="form-group">
							<label for="inputPassword1" class=" col-sm-2 control-label">用户名</label>
							<div class="col-sm-9">
								<input type="text" class="form-control" name="UserName" v-model='info.UserName' placeholder="请输入用户名">
							</div>
						</div>
						<div class="form-group">
							<label for="inputPassword1" class=" col-sm-2 control-label">登陆密码</label>
							<div class="col-sm-9">
								<input type="password" class="form-control" name="Password"  v-model='info.Password' placeholder="登陆密码">
							</div>
						</div>
						<div class="form-group">
							<label for="inputPassword1" class="col-sm-2 control-label">确认密码</label>
							<div class=" col-sm-9">
								<input type="password" class="form-control" name="Password_2" v-model='info.Password_2' placeholder="确认密码">
							</div>
						</div>
						<div class="form-group">
							<label for="inputEmail1" class="col-sm-2 control-label">电子邮箱:</label>
							<div class=" col-sm-9">
								<input type="email" v-model="info.Email" class="form-control" name="Email" placeholder="Email">
							</div>
						</div>
						<div class="form-group">
							<div class="col-sm-offset-2 col-sm-9">
								<button type="button" @click='register' class="btn btn-base" style="width: 100%;">
									注 册
                    			</button>
							</div>
						</div>
					</form>
				</div>
			</div>
			<!--footer-->
			<m_bottom :user_info="globalData.userInfo"></m_bottom>
			<!--loading-->
			<loading></loading>
		</div>
		<script src="src/jquery.js"></script>
		<script src="src/vue.min.js"></script>
		<script src="public/js/comm.js"></script>
		<script src="src/js/bootstrap.min.js"></script>
		<script src="src/js/bootstrapValidator.min.js"></script>		
		<script src="public/js/header_bottom.js"></script>
		<script src="public/component/verification_code.js"></script>
		<script src="public/component/change_page.js"></script>
		<script src="js/register.js"></script>
	</body>

</html>